<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
  /* 配置表格及时刷新的方法*/
  export default{
    name:'App',
    provide(){
      return{
        reload:this.reload
      }
    }
    ,data(){
      return{
        isRouterAlive:true
      }
    }
    , methods:{
      reload(){
        this.isRouterAlive=false
        this.$nextTick(()=>this.isRouterAlive=true)
      }
    }
  }
</script>

<style>
  *{
  	padding: 0;
  	margin: 0;
  }
  /* 设置大小  然后页面随便都不会崩溃 */
  body,html,.el-container,#app{
  	height: 100%;
  }
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 0px;
  height: 100%;
}
/* 组件切换时的动画样式,如果没有设置,组件在切换时将会很突兀 */
 .v-enter,.v-leave-to{
            opacity: 0;
            transform: translateX(10px);
        }
        .v-enter-active,.v-leave-active{
            transition: all 0.5s ease;
        }

</style>
